/**
 * +---------------------------------------------------------------------------+
 * | LL                             LLLL   LL     L   LLLL               LLLL  |
 * | LL                            LL   L  LLL   LL  LL   L             LL  LL |
 * | LL      LLLL   LLLLL  LL  LL  LL      LLLL LLL  LL         LL  LL      LL |
 * | LL         LL     LL  LL  LL  LL      L LLL LL  LLLLL      LL  LL     LL  |
 * | LL      LLLLL    LL    LLLL   LL      L  L  LL   LLLLL     LL  LL    LL   |
 * | LL     LL  LL   LL     LLLL   LL      L     LL      LL      LLLL    LL    |
 * | LL     LL  LL  LL       LL    LL   L  L     LL  L   LL      LLLL   LL     |
 * | LLLLLL  LLLLL  LLLLL    LL     LLLL   L     LL   LLLL        LL    LLLLLL |
 * |                        LL                                                 |
 * |                        LL                                                 |
 * +---------------------------------------------------------------------------+
 * | Copyright (C) 2007-2010 LazyCMS.com All rights reserved.                  |
 * +---------------------------------------------------------------------------+
 * | LazyCMS is free software. See LICENSE for copyright notices and details.  |
 * +---------------------------------------------------------------------------+
 */
/* Basic HTML
----------------------------------------------------------------------------------------------------*/
body { font-size: 12px; line-height: 1.5; height:100%; }
input,select,button { vertical-align:middle; }

/* Utility Classes
----------------------------------------------------------------------------------------------------*/
/* http://sonspring.com/journal/clearing-floats */
.clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; }

/* table layout */
table.fixed { table-layout:fixed; }

/* text align */
.tl{ text-align:left !important; }
.tr{ text-align:right !important; }
.tc{ text-align:center !important; }
.vt{ vertical-align:top !important; }


/* float */
.fl{float:left;}
.fr{float:right;}

/* display */
.hide{display:none;}
.show{display:block;}

/* text */
input.text,textarea.text,select{ background-color:#FFF; border:solid 1px #7F9DB9; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; padding:3px 2px; _padding:2px 2px; }
select{ padding:1px; }

/* button */
button, .button {
    border-width:1px;
    border-style:solid;
    border-color:#bbb #999 #999 #bbb;
    border-radius:2px;-webkit-border-radius:2px;-moz-border-radius:2px;-khtml-border-radius:2px;
    font:normal normal normal 12px/12px Arial,sans-serif;
    color:#000;
    text-align:center; text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,1);
    background:#eee;background-image:-webkit-gradient(linear,0 0,0 100%,from(#fff),to(#ddd));background:-moz-linear-gradient(top,#fff,#ddd);filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#dddddd',StartColorstr='#ffffff',GradientType=0);
    cursor:pointer;
    margin:0; _margin-bottom:1px;
    display:-moz-inline-box; display:inline-block;
    *overflow:visible;
    padding:2px 8px 2px; padding:6px 8px 3px\9; *padding:3px 8px 2px; _padding:3px 8px 2px;
}
button:visited, .button:visited{color:#666}
button:focus, .button:focus, button:hover, .button:hover{border-color:#666}
button:active, .button:active, .button-active{color:#000;background-color:#bbb;border-color:#999 #bbb #bbb #999;background-image:-webkit-gradient(linear,0 0,0 100%,from(#ddd),to(#fff));background-image:-moz-linear-gradient(top,#ddd,#fff);filter:progid:DXImageTransform.Microsoft.Gradient(EndColorstr='#ffffff',StartColorstr='#dddddd',GradientType=0)}
a.button, span.button, div.button{ padding:4px 8px 5px; padding:5px 8px 3px\9; }

kbd, code { font-family:Consolas, Monaco, Courier, monospace; background-color:#EAEAEA; font-size:11px; margin:0 1px; padding:1px 3px; }

/* loading */
.loading{ border:solid 1px #666666; background:#FFFFDF; padding:1px; padding-right:10px;}

/* error and tips */
.input_error, .textarea_error, .ul_error { border:solid 1px #FF0000 !important; background:#fff url(../images/invalid-line.gif) repeat-x left bottom !important;}

/* 分页样式 */
.pages { display:table; }
.pages a, .pages span { display:block; float:left; background:#fff; border:solid 1px #DEDEDE; padding:1px 3px; margin-right:2px; text-align:center; text-decoration:none; }
.pages a:link, .pages a:active, .pages a:visited, .pages a:hover{ text-decoration:none !important;}
.pages span.active{ color:#990000 !important; font-weight:bold; }

/* 浮动窗口
----------------------------------------------------------------------------------------------------*/
.window { position:absolute; background:#D4E6EE; border:solid 1px #8ab0de; word-wrap:break-word; overflow:hidden; }
	.window h1 { font-size:12px; line-height:22px; background:#fff url(../images/bg_top.png) repeat-x left top; margin:0; padding:0 5px; clear:both; border-bottom:solid 1px #8ab0de; white-space:nowrap; }
	.window a.close { position:absolute; width:36px; height:17px; background:url(../images/close.png) no-repeat 0 1px; text-indent:-9999px; right:0px; top:0px;}
	.window a.close:hover{ background-position: 0 -17px; }
	.window .help{ position:absolute; top:0; right:38px; }
	.window .wrapper { padding:5px; overflow: auto; clear:both; }
	.window .wrapper .icon{ width:32px; height:32px; float:left; margin:5px 10px 0 10px; _margin-left:4px; background-image:url(../images/info_icons.png); background-repeat:no-repeat; }
    .window .wrapper .content{ max-width:520px; min-width:320px; margin:5px 10px 0 0; float:left; }
    .window .wrapper .content h6{ line-height:130%; margin:2px 0 0 0; }
	.window .buttons { text-align:right; clear:both; padding:3px; }
	.window .buttons button{ margin:0 0 0 6px;}

/* 密码强度
----------------------------------------------------------------------------------------------------*/
.pass-strength { width:150px; background-color: #eee; border-color: #ddd !important; border-style: solid; border-width: 1px; margin: 5px 5px 5px 0px; padding: 1px 2px; text-align: center; -moz-border-radius:4px; -webkit-border-radius:4px; -khtml-border-radius:4px; border-radius:4px; }
    .pass-strength.bad { background-color: #ffb78c; border-color: #ff853c !important;}
    .pass-strength.good { background-color: #ffec8b; border-color: #ffcc00 !important;}
    .pass-strength.short { background-color: #ffa0a0; border-color: #f04040 !important;}
    .pass-strength.strong { background-color: #c3ff88; border-color: #8dff1c !important;}

/* Percentage width */
.wp{ width: 100% !important; }
.wp5 { width: 5% !important; }	
.wp10 { width: 10% !important; }
.wp15 { width: 15% !important; }
.wp20 { width: 20% !important; }
.wp50 { width: 50% !important; }

/* Fixed-width */
.w10 { width: 10px !important; }
.w20 { width: 20px !important; }
.w30 { width: 30px !important; }
.w40 { width: 40px !important; }
.w50 { width: 50px !important; }
.w100 { width: 100px !important; }
.w150 { width: 150px !important; }
.w200 { width: 200px !important; }
.w250 { width: 250px !important; }
.w300 { width: 300px !important; }
.w350 { width: 350px !important; }
.w400 { width: 400px !important; }
.w450 { width: 450px !important; }
.w500 { width: 500px !important; }
.w550 { width: 550px !important; }
.w600 { width: 600px !important; }
.w650 { width: 650px !important; }
.w700 { width: 700px !important; }
.w750 { width: 750px !important; }
.w800 { width: 800px !important; }
.w850 { width: 850px !important; }
.w900 { width: 900px !important; }
.w950 { width: 950px !important; }
